/*container
 * ----------------------------------------*/

.home-page .container {
	position: relative;
	width: 1250px;
	margin: 20px auto 0 auto;
}
.home-page .container:after {
	content: "";
	display: block;
	visibility: hidden;
	clear: both;
}
/*assortment 热门推荐等的分类 的最外层div
 * ----------------------------------------*/

.home-page .assortment {
	position: relative;
	clear: left;
	/*background: #FFFFFF;*/
	
	width: 1250px;
	margin: 0 auto;
	padding-top: 40px;
	/*border-radius: 3px;*/
}
/*
 * assortment的header
 */

.home-page .assortHeader {
	display: block;
	width: 1230px;
	height: 55px;
	margin-left: 20px;
	margin-bottom: 5px;
	background: white;
	border-radius: 3px;
}
.home-page .assortHeader .hot {
	height: 55px;
	line-height: 55px;
	font-size: 25px;
	color: #147FDC;
	letter-spacing: 3px;
}
.home-page .assortHeader .hot .fa {
	margin: 0 7px 0 40px;
	color: #FF0000;
	font-size: 30px;
}
.home-page .assortHeader:after {
	content: "";
	display: none;
	visibility: hidden;
	clear: left;
}
/*
 * 热门推荐以及下拉菜单外围的div
 */

.home-page .select-button-ul {
	display: none;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
}
/*assortment 热门推荐等的分类 的按钮
 * ----------------------------------------*/

.home-page .assortment .select-button {
	width: 180px;
	height: 35px;
	border: none;
	line-height: 35px;
	font-size: 16px;
	letter-spacing: 3px;
	background: #1282DB;
	border-radius: 3px 0 0 0;
	color: white;
	cursor: pointer;
}
.home-page .assortment .select-button .fa {
	margin-left: 18px;
	margin-right: -35px;
}
/*assortment 热门推荐等的分类 的按钮下的一级ul 
 * ----------------------------------------*/

.home-page .assortment .select-ul {
	width: 180px;
	background: white;
	display: none;
}
/*assortment 热门推荐等的分类 的按钮下的一级ul中所有的a
 * ----------------------------------------*/

.home-page .assortment .select-ul a {
	box-sizing: border-box;
	display: block;
	width: 100%;
	padding-left: 10px;
	height: 28px;
	line-height: 28px;
	color: #393939;
}
/*assortment 热门推荐等的分类 按钮下的一级ul中的+号图标
 * ----------------------------------------*/

.home-page .assortment .select-ul .fa {
	display: inline-block;
	height: 25px;
	line-height: 25px;
	margin-bottom: 3px;
	margin-right: 10px;
	font-size: 15px;
	color: #3198EA;
}
/*assortment 热门推荐等的分类 按钮下的二级ul
 * ----------------------------------------*/

.home-page .assortment .select-ul ul {
	display: none;
}
/*assortment 热门推荐等的分类 按钮下的二级ul中的a
 * ----------------------------------------*/

.home-page .assortment .select-ul ul li a {
	padding-left: 40px;
}
/*assortment 热门推荐等的分类 按钮下的二级ul中的a
 * ----------------------------------------*/

.home-page .assortment .select-ul ul li a:hover {
	background: #DBDBDB;
}
/*assortment 热门推荐等的分类 按钮下的一级ul中的直接子li
 * ----------------------------------------*/

.home-page .assortment .select-ul>li {
	background: #F0F0F0;
}
/*assortment 热门推荐等的分类 按钮下的一级ul中的直接子li中直接子a
 * ----------------------------------------*/

.home-page .assortment .select-ul>li>a {
	border-bottom: solid 1px #CCE8FF;
}
.home-page .assortment .select-ul>li>a:hover {
	background: #E8E8E8;
}
/*assortment 热门推荐等的分类 按钮下的一级ul中的直接子li中的最后一个li中的a
 * ----------------------------------------*/

.home-page .assortment .select-ul>li:last-child>a {
	border-bottom: none;
}
/*assortment 热门推荐等的分类 按钮下的二级ul中的li
 * ----------------------------------------*/

.home-page .assortment .select-ul ul li {
	background: #E8E8E8;
	position: relative;
	height: 25px;
	/*有高度便于调整虚线的位置*/
	
	line-height: 25px;
}
/*assortment 热门推荐等的分类 按钮下二级菜单中的虚线
 * ----------------------------------------*/

.home-page .assortment .select-ul ul span {
	position: absolute;
	left: 16px;
	top: -7px;
	width: 21px;
	height: 20px;
	border-left: 1px dashed gray;
	border-bottom: 1px dashed gray;
}
/*assortment 热门推荐等的分类 按钮下二级菜单中的第一条虚线，特殊处理
 * ----------------------------------------*/

.home-page .assortment .select-ul ul li:first-child span {
	height: 12px;
	top: 1px;
}
/*
 * assortment 评论、浏览量等的标题  tag: 评论标题
 */

.home-page .commentTitle {
	display: none;
	float: right;
	width: 71.36%;
}
.home-page .commentTitle li {
	float: left;
	width: 20%;
	height: 35px;
	line-height: 35px;
	text-align: center;
	color: #404040;
	font-size: 16px;
	vertical-align: middle;
}
/*
 * assortment 评论、浏览量等标题的图标
 */

.home-page .commentTitle li .fa {
	margin-right: 8px;
	font-size: 22px;
	color: #5FB9FF;
	vertical-align: middle;
}
/*
 * assortment 文档展示ul
 */

.home-page .assortment .one-document {
	width: 1250px;
}
.home-page .assortment .one-document li {
	position: relative;
	width: 303px;
	height: 150px;
	float: left;
	background: #BCAFAF;
	border-radius: 3px;
	margin: 0 0 5px 5px;
}
.home-page .assortment .one-document li:first-child,
.home-page .assortment .one-document li:nth-child(5) {
	margin-left: 21px;
}
.home-page .assortment .one-document li:after {
	content: "";
	display: block;
	visibility: hidden;
	clear: left;
}
.home-page .assortment .one-document:after {
	content: "";
	display: block;
	visibility: hidden;
	clear: left;
}
/*
 * assortment 文档展示ul li 中的 a, div, p
 */

.home-page .one-document li>a,
.home-page .one-document li .comment,
.home-page .one-document li .page-views,
.home-page .one-document li .downloads {
	float: left;
}
/*
 * assortment 文档名所在的a--->.doc-name
 */
/*
 * 每个热门推荐的li里面的最外层div
 */

.home-page .assortment .one-document .slides {
	position: absolute;
	top: 0;
	width: 303px;
	height: 150px;
	background: white;
	-webkit-transition: top 0.4s;
	-moz-transition: top 0.4s;
	-ms-transition: top 0.4s;
	-o-transition: top 0.4s;
	transition: top 0.4s;
	z-index: 1;
}
.home-page .assortment .one-document li .intro {
	box-sizing: border-box;
	position: absolute;
	bottom: 0;
	height: 60px;
	padding: 5px;
	line-height: 18px;
	color: white;
	/*background: #C4EDFF;*/
	
	background: transparent linear-gradient(45deg, #0095FF 0px, #1FD3ED 100%) repeat scroll 0% 0%;
	font-size: 13px;
	text-indent: 2em;
	overflow: hidden;
	z-index: 0;
}
.home-page .assortment .one-document li:hover .slides {
	-webkit-box-shadow: 0 -5px 15px rgba(20, 127, 220, 0.3);
	-moz-box-shadow: 0 -5px 15px rgba(20, 127, 220, 0.3);
	box-shadow: 0 -5px 15px rgba(20, 127, 220, 0.3);
	top: -60px;
}
.home-page .assortment .doc-name {
	box-sizing: border-box;
	display: block;
	width: 100%;
	height: 35px;
	margin-bottom: 10px;
	padding-left: 10px;
	line-height: 35px;
	/*background: transparent linear-gradient(45deg, #64B7FF 0px, #ADD8FF 100%) repeat scroll 0% 0%;*/
	/*background: #1282DB;*/
	
	border-bottom: 1px solid #C9E5FF;
	color: #147FDC;
	font-size: 19px;
}
.home-page .assortment .doc-name:hover {
	color: white;
	background: #66B8FF;
}
/*
 * 文档类型图标
 */

.home-page .assortment .doc-name .fa-file-word-o,
.home-page .assortment .doc-name .fa-file-pdf-o,
.home-page .assortment .doc-name .fa-file-excel-o,
.home-page .assortment .doc-name .fa-file-powerpoint-o,
.home-page .assortment .doc-name .fa-file-text-o {
	margin: 3px 5px;
	font-size: 16px;
	color: #147FDC;
}
/*.home-page .assortment .doc-name .fa-file-word-o {
	color: #3971CB;
}
.home-page .assortment .doc-name .fa-file-pdf-o {
	color: #AF0809;
}
.home-page .assortment .doc-name .fa-file-excel-o {
	color: #1F7244;
}
.home-page .assortment .doc-name .fa-file-powerpoint-o {
	color: #D04424;
}
.home-page .assortment .doc-name .fa-file-text-o {
	color: #4B6097;
}*/
/*
 * assortment 文档评论的星星 commnet外层div
 */

.home-page .assortment .comment:before {
	display: block;
	float: left;
	content: "总评论:";
	margin: 5px;
	font-size: 14px;
}
.home-page .assortment .comment {
	clear: left;
	margin-left: 20px;
}
.home-page .assortment .comment .fa {
	float: left;
	font-size: 17px;
	margin: 7px 0;
	color: #F9D703;
}
/*
 * 文档总评论、浏览量、下载量的公共样式
 */

.home-page .assortment .CommentCount,
.home-page .assortment .page-views,
.home-page .assortment .downloads {
	padding: 1px 5px;	
	border-radius: 10px;
	background: #5FB9FF;
	color: white;
	font-size: 11px;
	text-align: center;
}
/*
 * 文档评论数 span
 */

.home-page .assortment .comment .CommentCount {
	margin: 6px 5px;
	float: left;
}
/*
 * assortment 文档展示的 浏览量
 */

.home-page .assortment .downloads-cont,
.home-page .assortment .page-views-cont {
	display: block;
	float: left;
	margin: 5px;
	margin-left: 25px;
	font-size: 14px;
}
.home-page .assortment .downloads-cont {
	margin-left: 15px;
}
.home-page .assortment .page-views-cont {
	clear: left;
}
.home-page .assortment .page-views {
	/*clear: left;*/
	
	margin: 6px 5px;
}
/*
 * assortment 文档展示 下载量
 */

.home-page .assortment .downloads {
	margin: 6px 5px;
	/*clear: left;*/
}
/*
 * 上传者
 */
/*.home-page .assortment .uploader:before{
	content: "由";
	display: block;
	float: left;
	margin: 0 10px;
}*/

.home-page .assortment .uploader:after {
	content: "上传";
	display: block;
	float: right;
	margin: 0 5px;
}
.home-page .assortment .uploader {
	clear: left;
	float: right;
	margin: 22px 8px 0 8px;
	font-size: 14px;
	/*text-align: center;*/
}
.home-page .assortment .uploader a {
	color: #404040;
}
.home-page .assortment .uploader a:hover {
	color: #147FDC;
}
/*
 * 上传时间
 */

.home-page .assortment .date-uploaded {
	margin: 22px 0 0 0;
	font-size: 14px;
	float: right;
}
/*@media all and (min-width: 1500px) {
	.home-page .assortment .date-uploaded {
		margin-left: 7%;
	}
}*/
/*latest news 最新动态
 * ----------------------------------------*/

.home-page .latest-news {
	width: 270px;
	height: 402px;
	float: left;
	margin-left: 20px;
	background: #FFFFFF;
}
.home-page .latest-news .for-scroll {
	position: relative;
	height: 366px;
	overflow: hidden;
}
.home-page .latest-news ul {
	position: absolute;
	top: 0;
}
.home-page .latest-news .title {
	width: 100%;
	height: 35px;
	line-height: 35px;
	text-align: center;
	letter-spacing: 3px;
	color: #404040;
	border-bottom: 1px solid #CCE8FF;
}
.home-page .latest-news ul li {
	position: relative;
	box-sizing: border-box;
	margin-left: 10px;
	padding-left: 10px;
	border-left: solid 1px #CCE8FF;
}
.home-page .latest-news ul li:after {
	content: "";
	display: block;
	visibility: hidden;
	clear: left;
}
.home-page .latest-news .time {
	display: block;
	width: 50px;
	margin: 10px 0 0 10px;
	border: solid 1px #CCE8FF;
	border-radius: 3px;
	float: left;
	height: 20px;
	line-height: 20px;
	font-size: 12px;
	text-align: center;
	color: #404040;
}
.home-page .latest-news .adjust-img-name-fa {
	width: 100%;
	clear: left;
}
.home-page .latest-news .adjust-img-name-fa:after {
	content: "";
	display: block;
	visibility: hidden;
	clear: left;
}
.home-page .latest-news img,
.home-page .latest-news .lat-n-img-a {
	width: 50px;
	height: 50px;
	border-radius: 50%;
}
.home-page .latest-news .lat-n-img-a {
	margin: 10px 10px 4px 10px;
	float: left;
}
.home-page .latest-news img:hover {
	box-shadow: 0 0 5px 0 #1381DB;
}
.home-page .latest-news .lat-n-img-a:after {
	content: "";
	display: block;
	visibility: hidden;
	clear: left;
}
.home-page .latest-news .adjust-name-tre {
	float: left;
}
.home-page .latest-news .name {
	display: block;
	width: 65px;
	height: 25px;
	margin: 10px 0 5px 0;
	line-height: 25px;
	float: left;
	font-size: 13px;
}
.home-page .latest-news .adjust-three-fa {
	width: 150px;
	clear: left;
	font-size: 13px;
}
.home-page .latest-news .adjust-three-fa .fa {
	color: #5FB9FF;
}
.home-page .latest-news .adjust-three-fa .fa-heart-o {
	color: red;
}
.home-page .latest-news a {
	color: #404040;
}
.home-page .latest-news a:hover {
	color: #147FDC;
}
.home-page .latest-news .doc-name {
	box-sizing: border-box;
	float: left;
	clear: left;
	font-size: 13px;
	width: 100%;
	margin: 5px 10px;
	color: #147FDC;
}
.home-page .latest-news .doc-name span {
	color: #FF7C5F;
}
.home-page .latest-news .doc-name span:hover {
	color: #147FDC;
}
.home-page .latest-news .circle-style {
	position: absolute;
	left: -4px;
	top: 14.5%;
	display: block;
	width: 7px;
	height: 7px;
	background: #1480DC;
	border-radius: 50%;
}
.home-page .latest-news .line-style {
	position: absolute;
	left: 3px;
	top: 0;
	width: 17px;
	height: 21px;
	border-bottom: solid 1px #CCE8FF;
}


.home-page .docss {
	box-sizing: border-box;
	width: 661px;
	height: 64px;
	margin: 6px 0 0 15px;
	background: white;
	float: left;
}

.home-page .docss .count{
	height: 58px;
	line-height: 58px;
	padding: 0 30px;
	font-size: 23px;
	color: #3089DE;	
}

.home-page .docss .count .fa{
	font-size: 25px;
	margin-right: 10px;
}

.home-page .docss .adjust-number{
	float: right;
	margin-top: 13px;
}

.home-page .docss .number{
	display: inline-block;
	width: 30px;
	margin: 0 5px;
	height: 30px;
	line-height: 30px;
	border-radius: 50%;
	background: #5FB9FF;
	color: white;
	text-align: center;
	float: left;
}

.home-page .docss .first-number{
	margin-left: 20px;
}

.home-page .hot-search-comment {
	position: absolute;
	right: 0;
	top: 0;
	width: 270px;
	height: 400px;
	perspective: 2000px;
	perspective-origin: 50% 50%;
}
.home-page .hot-search-comment .hot-search {
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 195px;
	background: white;
	backface-visibility: hidden;
}
.home-page .hot-search1 {
	position: absolute;
	top: 0;
	right: 0;
	backface-visibility: hidden;
	transform: rotateX(180deg);	
}
.home-page .hot-search-comment .container-3d ,
.home-page .hot-search-comment .container-3d1{
	position: absolute;
	width: 100%;
	height: 195px;	
	transform-style: preserve-3d;
	-webkit-transition: transform 1s;
	-moz-transition: transform 1s;
	-ms-transition: transform 1s;
	-o-transition: transform 1s;
	transition: transform 1s;
}

.home-page .hot-search-comment .container-3d{
	bottom: 0;
}

.home-page .hot-search-comment .hot-upload ,
.home-page .hot-search-comment .hot-upload2{
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 195px;
	background: white;
	margin-top: 50px;
	backface-visibility: hidden;
}
.home-page .hot-search-comment .hot-upload2{
	transform: rotateY(180deg);
}
.home-page .hot-search .title,
.home-page .hot-upload .title {
	height: 25px;
	line-height: 25px;
	text-align: center;
	color: #404040;
	letter-spacing: 3px;
	border-bottom: solid 1px #CCE8FF;
}
.home-page .hot-search ul li a {
	display: block;
	width: 100%;
	margin: 10px 0;
	color: #147FDC;
	font-size: 14px;
	margin-left: 10px;
}
.home-page .hot-search ul li a:hover {
	color: #FF7C5F;
}
.home-page .hot-search ul li a .fa {
	margin-right: 5px;
}
.home-page .hot-upload .one-person {
	position: relative;
	width: 135px;
	height: 85px;
	overflow: hidden;
	float: left;
}
.home-page .hot-upload .one-person img {
	display: block;
	width: 45px;
	height: 45px;
	border-radius: 50%;
	margin: 5px 20px;
	float: left;
}
.home-page .hot-upload .one-person .name {
	width: 87px;
	float: left;
	text-align: center;
	color: #147FDC;
}
.home-page .hot-upload .one-person .count {
	position: absolute;
	right: 20px;
	top: 30px;
	font-size: 15px;
	color: #FF7C5F;
}
.home-page .hot-upload .one-person .count .fa {
	color: #147FDC;
}

/*
 * 海量文档
 */
.home-page .all-doc{
	box-sizing: border-box;
	width: 1230px;
	height: 55px;
	line-height: 55px;
	background: white;
	margin: 20px 0 0 20px;
	padding: 1px 20px;
	color: #2E8DE0;
	letter-spacing: 3px;
	font-weight: normal;
	border-bottom: 1px solid #E5E5E5;
}

.home-page .all-doc .fa{
	box-sizing: border-box;
	height: 55px;
	line-height: 55px;
	margin: 0 15px 0 30px;
	font-size: 22px;
	color: #FF0000;
}

.home-page .all-doc+.adjus-per-assortment{
	margin-left: 20px;
	overflow: hidden;
}

.home-page .one-assortment{
	width: 410px;
	height: 200px;
	background: white;
	padding-top: 10px;
	float: left;
}

.home-page .one-assortment .for-msScroll:after{
	content: "";
	display: block;
	visibility: hidden;
	clear: both;
}
.home-page .one-assortment .for-msScroll{
	height: 160px;
	overflow: hidden;
}
.home-page .one-assortment .assort-title{
	box-sizing: border-box;
	width: 100%;
	height: 40px;
	line-height: 40px;
	background: white;
	padding-left: 20px;
	color: #2E8DE0;
}

.home-page .one-assortment .assort-title .fa{
	margin-right: 10px;
}

.home-page .one-assortment .sub-assortment a{
	display: block;
	width: 100px;
	height: 40px;
	margin: 7px 10px;
	float: left;
	line-height: 40px;
	text-align: center;
	background: white;
	color: black;
}

.home-page .one-assortment .sub-assortment a:hover{
	background: #1FA2FF;
	color: white;
}

/*
 * 查看所有
 */
.home-page .adjus-per-assortment .more{
	box-sizing: border-box;
	width: 100%;
	height: 50px;
	background: white;
	clear: left;
	border-top: solid 1px #E5E5E5;
}
.home-page .adjus-per-assortment .more a{
	display: block;
	height: 50px;
	padding: 0 20px;
	line-height: 50px;
	font-size: 17px;
	color: #464646;
}

.home-page .adjus-per-assortment .more a .fa{
	color: #00AAFF;
	font-size: 20px;
	margin-right: 10px;
}

.home-page .adjus-per-assortment .more:hover,
.home-page .adjus-per-assortment .more a:hover,
.home-page .adjus-per-assortment .more a:hover .fa{
	color: white;
	background: #00AAFF;
}
